//引入请求方法
import {request} from '../../request/index.js';
import regeneratorRuntime from '../../lib/runtime/runtime';


// pages/categroy/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //左侧菜单数据
    leftMenuList:[],
    //右侧的商品数据
    rightContent:[],
    //被点击的左侧菜单
    currentIndex:0,
    //右侧内容滚动条距离顶部的距离
    scrollTop:0
  },
  //接口的返回数据
  Cates:[],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    //判断本地是否有旧的数据，没有就直接重新发送请求，有旧的数据就使用旧的，避免过分占用内存
    const Cates = wx.getStorageSync("cates");
    if(!Cates){
      this.getCates();
    }else{
      if(Date.now()-Cates.time>1000*10){
        this.getCates();
      }else{
        this.Cates = Cates.data;
        //构造左侧大菜单数据
        let leftMenuList = this.Cates.map(v=>v.cat_name);   
        //构造右侧商品数据
        let rightContent = this.Cates[0].children;
        this.setData({ 
            leftMenuList,
            rightContent 
          })
      }
    }
      
  },

//左侧菜单点击事件
handleItem(e){
  // console.log(e);
  const {index} = e.currentTarget.dataset;
  let rightContent = this.Cates[index].children;
  this.setData({
    currentIndex:index,
    rightContent,
    scrollTop:0,
  })
 
  
},


  //获取分类数据
  async getCates(){
  //   request({url:'https://api-hmugo-web.itheima.net/api/public/v1/categories'})
  //   .then(result=>{
  //     this.Cates = result.data.message;
  //     //包 把接口数据存入到本地中
  //     wx.setStorageSync("cates", {time:Date.now(),data:this.Cates});
        
  //     //构造左侧大菜单数据
  //     let leftMenuList = this.Cates.map(v=>v.cat_name);   
  //     //构造右侧商品数据
  //     let rightContent = this.Cates[0].children;
  //      this.setData({ 
  //         leftMenuList,
  //         rightContent 
  //       })
  //      // console.log(result);
  //   })
    const result = await request({url:'https://api-hmugo-web.itheima.net/api/public/v1/categories'});
    this.Cates = result.data.message;
    //包 把接口数据存入到本地中
     wx.setStorageSync("cates", {time:Date.now(),data:this.Cates});
          
    //构造左侧大菜单数据
    let leftMenuList = this.Cates.map(v=>v.cat_name);   
    //构造右侧商品数据
    let rightContent = this.Cates[0].children;
    this.setData({ 
        leftMenuList,
        rightContent 
      })
    // console.log(result);

  }
  

})